@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
}

body,
html {
  height: 100%;
  position: relative;
}

body {
  color: #666;
  background: #fff;
  font: 12px/1.5 Arial, "microsoft yahei", "SimSun";
}

header {
  background-color: whitesmoke;
  width: 1258px;
  height: 31px;
  margin: 0 auto;
}

.head {
  width: 1190px;
  height: 32px;
  background-color: whitesmoke;
  margin: 0 auto;
}

.head-left {
  float: left;
  line-height: 32px;
  font-size: 12px;
}

.head-left em {
  padding-left: 5px;
  font-size: 12px;
}

.head-left a {
  padding-left: 10px;
  text-decoration: none;
  color: red;
}

.denglu {
  /* height: 32px; */
  width: 200px;
  float: left;
  margin-left: 44px;
  /* line-height: 32px; */
}

.denglu li {
  float: left;
  margin-left: 10px;
  line-height: 32px;
  list-style: none;
}

.denglu a {
  text-decoration: none;
  color: #666;
}

.head-right {
  float: left;
}

/* 下拉 */
.dropbtn {
  width: 91px;
  height: 30px;
  background-color: rgba(102, 102, 102, 0.253);
  color: #070707;
  padding: 3px;
  font-size: 12px;
  border: none;
  /* cursor: pointer; */
}

.dropdown {
  position: relative;
  display: inline-block;
  background-color: rgba(245, 245, 245, 0.055);
}

.dropdown-content {
  display: none;
  z-index: 22;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 12px;
}

.dropdown-content a:hover {
  /* width: 10px; */
  background-color: #f1f1f1;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #fff;
}

/* 下拉 */
.top {
    width: 1258px;
    height: 120px;
    color: #666666;
    margin: 0 auto;
    margin-top: -37px;
}

.top-main {
  width: 1190px;
  height: 60px;
  color: #666666;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  /* // align-items: center; */
  justify-content: space-evenly;
}

.sousuo {
  width: 600px;
  height: 34px;
  background-color: #e8f0fe;
  margin: 0 auto;
  /* position: relative; */
  border: 2px solid red;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.shangpin {
  width: 60px;
  height: 31px;
  text-align: center;
  line-height: 30px;
  background-color: #fff;
  font-size: 10px;
}

.shuru {
  width: 500px;
  height: 29px;
  border: none;
  background-color: #fff;
  position: relative;
}

.sousuo1 {
  width: 50px;
  height: 32px;
  text-align: center;
  background-color: red;
  color: #fff;
  border: none;
}

.xifeng {
  margin-top: 47px;
  margin-left: -600px;
  width: 700px;
  /* position: absolute;
  left: 573px;
  top: 118px; */
  height: 20px;
  /* overflow: hidden;
  margin-top: 5px; */
}

.xifeng a {
  text-decoration: none;
  color: #999;
  font-size: 13px;
  margin-left: 10px;
}

.right-log {
  float: right;
  width: 160px;
  height: 80px;
  background-color: antiquewhite;
}
/* //nav */
nav {
  width: 1258px;
  margin: 0 auto;
  background: #fff;
  border-bottom: 1px solid #d2041f;
  position: relative;
  z-index: 88;
}

.nav-content {
  position: relative;
  z-index: 6;
  padding-left: 200px;
  width: 990px;
  height: 35px;
  margin: 0 auto;
}

.nav-fenlei {
    position: absolute;
    top: 0;
    left: -2px;
    width: 200px;
    height: 37px;
    background-color: #dd0207;
}

.nav-fenlei a {
  color: #fff;
  font-size: 16px;
  margin-left: 14px;
  padding-left: 31px;
  line-height: 35px;
  background-image: url(https://www.zhongjiu.cn/Areas/Web/Images/HIMALL_admin11_04_03.png);
  background-repeat: no-repeat;
  background-position: left center;
  text-decoration: none;
}

.nav-shouye {
  /* filter: none; */
  height: 35px;
  /* overflow: hidden; */
}

.nav-shouye ul {
  position: absolute;
  top: -19px;
  list-style: none;
}

.nav-shouye a {
  display: block;
  color: #373a40;
  font-size: 14px;
  text-decoration: none;
  line-height: 71px;
  transition: all 0.3s;
  margin-left: 33px;
}
/* // 大盒子/ */
.big-box{
    width: 1258px;
    height: 581px;
    background-color: #255, 255, 255;
    margin: 0 auto;
}
/* // 地址 */
.w{
    width: 1190px;
    margin: 0 auto;
}
.breadcrumb {
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    vertical-align: baseline;
    /* padding-left: 20px; */
    background: #fff;
    font-size: 14px;
    padding: 12px 0 12px 20px;
}
.breadcrumb strong {
    font-weight: normal;
    line-height: 20px;
}
.breadcrumb span {
    font-family: simsun;
}
.breadcrumb span a {
    font-family: 'microsoft yahei';
}
/* //地址结束 */

.box-main {
    margin: 0 auto;
    width: 1190px;
    height: 581px;
    background-color: #255, 255, 255;
    position: relative;
}

.box_zuo1 {
    /* background-color: cornsilk; */
    width: 350px;
    height: 350px;
    border: 1px solid #666;
    /* position: absolute; */
    /* top: 15px;
    left: 15px;
   position: relative; */
}

.box_zuo1 img {

    width: 350px;
    height: 350px;
}

.mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 230px;
    height: 230px;
    background-color: darkmagenta;
    opacity: .5;
    border: 1px solid #ccc;
    cursor: move;
}

.big {
    display: none;
    position: absolute;
    left: 390px;
    top: 0;
    width: 500px;
    height: 500px;
    background-color: darkturquoise;
    z-index: 88;
    border: 1px solid #ccc;
    overflow: hidden;
}

.big img {
    width: 500px;
    height: 500px;
}

/* 放大镜 */
.min {
    width: 350px;
    height: 350px;
    border: 1px solid black;
    float: left;
    position: relative;
    /* background-color: #255, 255, 255; */
}

.min img {
    width: 320px;
    height: 345px;
}

.max {
    width: 350px;
    height: 350px;
    border: 1px solid black;
    float: left;
    /* display: none; */
    overflow: hidden;
    /* position: relative; */
    margin-left: 375px;
    position: absolute;
    z-index: 66;
}

.max img {
    position: absolute;
    top: 0;
    left: 0;
    width: 1321px;
    height: 1360px;
}

.enlarge {
    width: 150px;
    height: 150px;
    box-shadow: 0px 0px 10px black;
    background-color: skyblue;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

/* 放大镜 */
/* 放大镜下面 */
.box_zuo2 {
    width: 351px;
    height: 179px;
    background-color: #fff;
    text-align: center;
}

.box_zuo2 span {
    margin-left: -3px;

}

.box_zuo2 span img {
    width: 55px;
    height: 62px;
    margin-left: 5px;
    margin-top: 21px;
    border: 1px solid;
}

/* 放大镜下面结束*/
/*  */
.box_zuo3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 352px;
    height: 352px;
    background-color: red;
    display: none;
}

.box_zuo3 img {
    display: block;
    width: 352px;
    height: 352px;
}

/* 右边 */
.box_you {
    width: 782px;
    height: 454px;
    background-color: #fff;
    position: absolute;
    top: 0px;
    left: 407px;
}

.box_you1 {
    width: 782px;
    height: 155px;
    background-color:#fff;
}

/* .box_you1 p:nth-child(1) {
    color: forestgreen;
   
}

.box_you1 p:nth-child(2) {
    color: #000;
    font-size: 15px;
} */

.box_you1_1 {
    background-color: #fff;
    width: 781px;
    height: 113px;
}

.box_you1_1zuo {

    width: 552px;
    height: 67px;
    float: left;
    /* border-radius: 15px 50px 30px 5px; */
    /* background-image: linear-gradient(to bottom right, red , yellow); */
    background: linear-gradient(286deg, transparent 22px, red 0);
}

.box_you1_1zuo p {
    font-size: 32px;
    color: #fff;
    margin-left: 24px;
    margin-top: 10px;
}

.box_you1_1zuo span {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 44px;
    left: 346px;
    color: rgba(102, 102, 102, 0.404);
    font-size: 38px;
}

.box_you1_1you {
    position: absolute;

    top: 41px;
    left: 526px;
    width: 255px;
    height: 67px;
    float: right;
    background: linear-gradient(103deg, transparent 18px, goldenrod 0);
}

.box_you1_1you p {
    font-size: 22px;
    color: #fff;
    margin-top: 17px;
    margin-left: 59px;


}

.box_you2 {
    width: 781px;
    height: 299px;
    background-color: #fff;
}

.box_you2_zuo {
    float: left;
    width: 397px;
    height: 299px;
    background-color:#fafafa;
}

.box_you2_you {
    float: right;
    width: 383px;
    height: 299px;
    background-color:#fafafa;
}
/* 数量 */
.choose {
width: 355px;
/* border: none; */
padding-left: 36px;
margin: 0;
padding-top: 0;
background-color: #fafafa;
list-style: none;
}
#choose-amount{
width: 335px;
height: 50px;
}
#choose-amount .dt {

position: absolute;
top: 177px;
left: 10px;
font-size: 15px;
float: left;
width: 50px;
}
#choose-amount .dd{
float: left;
line-height: 26px;
width: 300px;
}
#choose-amount .wrap-input {
margin-top: 20px;
}
#choose-amount .wrap-input a {
position: absolute;
width: 30px;
height: 24px;
overflow: hidden;
border: 1px solid #c2c3c4;
text-align: center;
line-height: 24px;
font-size: 18px;
}
#choose-amount .btn-reduce {

left: 65px;
}
#choose-amount .btn-add {

left: 150px;
}
.choose a {
display: block;
white-space: nowrap;
text-decoration: none;
}
#choose-amount .text {
width: 30px;
height: 20px;
border: 1px solid #ccc;
padding: 2px;
text-align: center;
margin-left: 70px;
}
/* input {
font: 12px/1.5 tahoma, Arial, 'microsoft yahei', 'SimSun';
} */
.choose #choose-result {
padding: 6px 0 0 0;
color: #e3393c;
border-bottom: 0;
}
.choose #choose-result .dt {
width: auto;
}
#product-intro .dd {
float: left;
line-height: 26px;
}
.but_goumai{

width: 142px;
height: 47px;
margin-top: 15px;
line-height: 47px;
background-color: red;
text-align: center;
border-radius: 10px;
color: #fff;
font-size: 15px;
margin-top: 40px;
}
/* 数量结束 */
/* 倒计时 */
.time{
    color: rgb(3, 3, 3);
width: 306px;
height: 100px;
margin: 2px auto;
font-size: 23px;
line-height: 51px;

}
.fuwu{
    position: absolute;
top: 207px;
left: 430px;
width: 233px;
height: 71px;
background-color:  #fafafa;
font-size: 15px;
}
.fuwu span{
    margin-left: 10px;
}
.fuwu span img{
    width: 20px;
    height: 20px;
}

